<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎登陆华为站点</title>
    <link rel="stylesheet" href="../css/login.css">

    <script src="../Jquery/jquery-min.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="top">
        <div class="top-center">
            <div class="logo">
                <img src="../img/huawei_login_logo.png" alt="">
            </div>
            <ul>
                <li>联系我们</li>
                <li>帮助</li>
                <li>简体中文(中国)</li>
            </ul>
        </div>
    </div>
    <!-- 中间部分 -->
    <div class="middle">
        <div class="mid-center">
            <div class="uniportal">Uniportal帐号登录
            </div>

            <div class="inner">
                <div class="login">
                    <ul class="ways">
                        <li class="active">帐号/邮箱登录</li>
                        <li>手机号码登录</li>
                        <li>短信登录</li>
                    </ul>
                </div>
                <!-- 帐号/邮箱登录 -->
                <div class="mail active">
                    <form class="mailform1">
                        <input type="text" placeholder="Uniportal账号/邮箱/W3账号"><br>
                        <input type="text" placeholder="密码" style="margin-top: 20px;"><br>
                        <button class="btn">登录</button>
                    </form>
                    <div class="password">
                        <div class="quick">立即注册</div>
                        <ul>
                            <li>修改密码</li>
                            <li>忘记密码</li>
                        </ul>
                    </div>
                </div>
                <!-- 手机号登录 -->
                <div class="mp">
                    <form class="mp1">
                        <select>
                            <option>中国大陆（+86）</option>
                            <option>--请选择--</option>
                            <option>阿富汗 (+93)</option>
                            <option>阿根廷 (+54)</option>
                            <option>埃及 (+20)</option>
                            <option>埃塞俄比亚 (+251)</option>
                            <option>爱尔兰 (+353)</option>
                            <option>爱沙尼亚 (+372)</option>
                            <option>比利时 (+32)</option>
                            <option>波兰 (+48)</option>
                        </select>
                        <input type="text" placeholder="手机号"><br>
                        <input type="text" placeholder="密码" style="width: 420px;"> <br>
                        <button class="btn">登录</button>
                    </form>
                   
                    <div class="password">
                        <div class="quick">立即注册</div>
                        <ul>
                            <li>修改密码</li>
                            <li>忘记密码</li>
                        </ul>
                    </div>
                </div>
                <!-- 短信登录 -->
                <div class="tl">
                    <form class="tl1">
                        <select>
                            <option>中国大陆（+86）</option>
                            <option>--请选择--</option>
                            <option>阿富汗 (+93)</option>
                            <option>阿根廷 (+54)</option>
                            <option>埃及 (+20)</option>
                            <option>埃塞俄比亚 (+251)</option>
                            <option>爱尔兰 (+353)</option>
                            <option>爱沙尼亚 (+372)</option>
                            <option>比利时 (+32)</option>
                            <option>波兰 (+48)</option>
                        </select>
                        <input type="text" placeholder="手机号"><br>
                        <input type="text" placeholder="短信验证码" style="width: 420px;">
                        <div class="idCode">获取验证码</div>
                    </form>
                    <button class="btn">登录</button>
                    <div class="password">
                        <div class="quick">立即注册</div>
                        <ul>
                            <li>修改密码</li>
                            <li>忘记密码</li>
                        </ul>
                    </div>
                </div>


            </div>
            <!-- 注册 -->
            <div class="register">
                <div class="register1">
                    <div class="active">邮箱注册</div>
                    <div>手机注册</div>
                </div>
                <!-- 邮箱注册 -->
                <form class="form1 active">
                    邮箱*<input type="text" placeholder="请输入账号"><br>

                    用户名*<input type="text" placeholder="请输入账号"><br>

                    账号*<input type="text" placeholder="请输入账号"><br>

                    密码*<input type="password" placeholder="请输入密码"><br>

                    重复密码*<input type="password" placeholder="请再次输入密码"><br>

                    <button class="but2">注册</button>
                </form>
                <!-- 手机注册 -->
                <form class="form2">
                    手机号*<input type="text" placeholder="请输入手机号"><br>

                    用户名*<input type="text" placeholder="请输入账号"><br>

                    账号*<input type="text" placeholder="请输入账号"><br>

                    密码*<input type="password" placeholder="请输入密码"><br>

                    重复密码*<input type="password" placeholder="请再次输入密码"><br>

                    <button class="but3">注册</button>
                </form>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="foot">
            <span>
                版权所有 © 华为技术有限公司 1998-2022。保留一切权利。粤A2-20044005号
            </span>
            <span>隐私声明</span>
        </div>
    </div>
</body>
<script src="../js/login.js"></script>

</html>